<template>
    <div class="login flex justify-center">
        <div class="modal ">
            <header>ACBSP认证管理平台</header>
            <!-- <div class="user">
                <label for="">用户名:</label>
                <div>
                <input type="text">
                <i class="icon1"></i>
                </div>
            </div>
            <div class="pwd">
                <label for="">密码:</label>
                <div>
                <input type="password">
                <i class="icon2"></i>
                </div>
            </div> -->
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="scss" scoped>
.login{
    position: absolute;
    background: url('../../assets/img/背景@2x.png') no-repeat center;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    align-items: center;
    .modal{
        width:6rem;
        height:4.81rem;
        background:rgba(255,255,255,1);
        box-shadow:0px .08rem .08rem 1px rgba(7,7,7,0.18);
        border-radius:.04rem;
    }
    header{
        font-size:.32rem;
        font-family:PingFangSC-Semibold;
        font-weight:600;
        color:rgba(61,86,141,1);
        line-height:.48rem;
        text-align: center;
        margin-top: .77rem;
    }
    .user,.pwd{
        
    }
}
</style>

